<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../static/plugins/bootstrap-3.4.1/css/bootstrap.css">
</head>
<body>
<div>
<!--    栅格系统行为	总是水平排列	开始是堆叠在一起的，当大于这些阈值时将变为水平排列C-->
<!--    <div class="col-xs-6"style="background-color: blue">1</div>-->
<!--    往右边偏移3个格子-->
    <div class="col-sm-offset-3 col-sm-6"style="background-color: red">2</div>
</div>
</body>
</html>